<template>
  <div>
    <el-tabs v-model="activeName" @tab-click="handleClick" style="margin-top: 10px">
      <el-tab-pane label="资源" name="resource"><re></re></el-tab-pane>
      <el-tab-pane label="活动" name="activity"><ac></ac></el-tab-pane>
      <el-tab-pane label="详情" name="detail"><de></de></el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
  import CourseResource from '@/components/coursemanage/famous/FamousResource'
  import CourseActivity from '@/components/coursemanage/famous/FamousActivity'
  import CourseDetail from '@/components/coursemanage/famous/FamousDetail'
  export default {
    data() {
      return {
        activeName: 'activity'
      };
    },
    methods: {
      handleClick(tab, event) {
        //console.log(tab, event);
      }
    },
    components:{
      're':CourseResource,
      'ac':CourseActivity,
      'de':CourseDetail,
    }
  };
</script>
